.bg-white {
  background: #fff;
}

.px-2 {
  padding-left: 0.04rem;
  padding-right: 0.04rem;
}

.mx-2 {
  margin-left: 0.04rem;
  margin-right: 0.04rem;
}

.mx-10 {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}
.mx-15 {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.px-10 {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.py-5 {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
.py-8 {
  padding-top: 0.16rem;
  padding-bottom: 0.16rem;
}
.p-10 {
  padding: 0.2rem;
}
.py-10 {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.py-12 {
  padding-top: 0.24rem;
  padding-bottom: 0.24rem;
}
.px-12 {
  padding-left: 0.24rem;
  padding-right: 0.24rem;
}

.py-15 {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.mt-8 {
  margin-top: 0.16rem;
}
.my-8 {
  margin-top: 0.16rem;
  margin-bottom: 0.16rem;
}
.my-12 {
  margin-top: 0.24rem;
  margin-bottom: 0.24rem;
}
.py-12 {
  padding-top: 0.24rem;
  padding-bottom: 0.24rem;
}

.mt-12 {
  margin-top: 0.24rem;
  margin-bottom: 0.24rem;
}

.flex {
  display: flex;
}
.flex-column {
  flex-direction: column;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-end {
  justify-content: flex-end;
}
.align-center {
  align-items: center;
}

.text-center {
  text-align: center;
}
.font-12 {
  font-size: 0.24rem;
}

.flex-1 {
  flex: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.w-full {
  width: 100%;
}

.h-8 {
  height: 0.16rem;
}

.font-12 {
  font-size: 0.24rem;
}

.font-13 {
  font-size: 0.26rem;
}
.font-14 {
  font-size: 0.28rem;
}

.font-16 {
  font-size: 0.32rem;
}
.font-24 {
  font-size: 0.48rem;
}

.leading-20 {
  line-height: 0.4rem;
}

.border-top {
  border-top: 1px solid #eee;
}
